<template>
  <div>我是子组件
    <!-- 组件通信的方式:
      1:父子组件通信  :子组件通过props接收数据,里面可以通过type设置类型.default设置默认值
      2:子往父传值: 子组件通过$emit触发事件,父组件通过@监听事件,通过$on监听事件
      3:兄弟组件通信: 通过事件总线 用一个新的vue实例的$emit触发 $on监听获取传递的数据
      4:跨级组件通信:provider(祖先组件)  (后代)inject注入的方式接收
      父组件触发子组件方法: 可以直接使用refs获取到子组件然后.里面的方法就可以,或者是$children
      子组件触发父组件的方法: 通过$parent获取到父组件然后.里面的方法就可以
    -->

    <GroundSon></GroundSon>
    <button @click="sendToParent">传递到父组件</button>
  </div>
</template>
<script>
import GroundSon from "./GrandSonView.vue"
export default {
  components: { GroundSon },
  props: {
    page: {
      type: [Number, String],
      default: 1
    },
    msg: {
      type: String,
      default: "我是子组件的默认值",
    }
  },
  data () {
    return {

    }
  },
  computed: {},
  methods: {
    sendToParent () {
      console.log("process.env.VUE_APP_BASE_API", process.env.VUE_APP_BASE_API)

      this.$parent.showInput();
      // this.$emit("sendToParent", "我是子组件传递的值");
      // eventBus.$emit("sendToBrother", "我是兄弟Son组件传递的值");
    }
  },
  created () {

  },
  mounted () {

  },
}
</script>
<style scoped></style>